ജാവാസ്ക്രിപ്റ്റ് പെർഫോമൻസ് ബെഞ്ച്മാർക്കിംഗ്: മൈക്രോ-ബെഞ്ച്മാർക്ക് നിർവ്വഹണം

വെബ് ഡെവലപ്‌മെൻ്റിൻ്റെ ലോകത്ത്, സുഗമവും പ്രതികരണശേഷിയുള്ളതുമായ ഉപയോക്തൃ അനുഭവം നൽകുന്നത് പരമപ്രധാനമാണ്. മിക്ക ഇൻ്ററാക്ടീവ് വെബ് ആപ്ലിക്കേഷനുകളുടെയും പിന്നിലെ ചാലകശക്തിയായ ജാവാസ്ക്രിപ്റ്റ്, പ്രകടന മികവിനുള്ള ഒരു നിർണ്ണായക മേഖലയായി പലപ്പോഴും മാറുന്നു. ജാവാസ്ക്രിപ്റ്റ് കോഡ് ഫലപ്രദമായി മെച്ചപ്പെടുത്തുന്നതിന്, ഡെവലപ്പർമാർക്ക് അതിൻ്റെ പ്രകടനം അളക്കാനും വിശകലനം ചെയ്യാനും വിശ്വസനീയമായ ടൂളുകളും ടെക്നിക്കുകളും ആവശ്യമാണ്. ഇവിടെയാണ് ബെഞ്ച്മാർക്കിംഗ് വരുന്നത്. ഈ ഗൈഡ് പ്രത്യേകമായി മൈക്രോ-ബെഞ്ച്മാർക്കിംഗിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്നു, ഇത് ജാവാസ്ക്രിപ്റ്റ് കോഡിൻ്റെ ചെറിയ, നിർദ്ദിഷ്ട ഭാഗങ്ങളുടെ പ്രകടനം വേർതിരിച്ച് അളക്കാൻ ഉപയോഗിക്കുന്ന ഒരു സാങ്കേതികതയാണ്.

എന്താണ് ബെഞ്ച്മാർക്കിംഗ്?

ഒരു കോഡിൻ്റെ പ്രകടനം ഒരു നിശ്ചിത മാനദണ്ഡവുമായോ അല്ലെങ്കിൽ മറ്റൊരു കോഡുമായോ താരതമ്യം ചെയ്ത് അളക്കുന്ന പ്രക്രിയയാണ് ബെഞ്ച്മാർക്കിംഗ്. കോഡിലെ മാറ്റങ്ങളുടെ സ്വാധീനം അളക്കാനും പ്രകടനത്തിലെ തടസ്സങ്ങൾ കണ്ടെത്താനും ഒരേ പ്രശ്നം പരിഹരിക്കുന്നതിനുള്ള വ്യത്യസ്ത സമീപനങ്ങളെ താരതമ്യം ചെയ്യാനും ഇത് ഡെവലപ്പർമാരെ അനുവദിക്കുന്നു. ബെഞ്ച്മാർക്കിംഗിൽ പല തരങ്ങളുണ്ട്, അവയിൽ ഉൾപ്പെടുന്നവ:

• മാക്രോ-ബെഞ്ച്മാർക്കിംഗ്: ഒരു മുഴുവൻ ആപ്ലിക്കേഷൻ്റെയോ വലിയ ഘടകങ്ങളുടെയോ പ്രകടനം അളക്കുന്നു.
• മൈക്രോ-ബെഞ്ച്മാർക്കിംഗ്: ചെറിയ, ഒറ്റപ്പെട്ട കോഡ് ഭാഗങ്ങളുടെ പ്രകടനം അളക്കുന്നു.
• പ്രൊഫൈലിംഗ്: ഒരു പ്രോഗ്രാമിൻ്റെ എക്സിക്യൂഷൻ വിശകലനം ചെയ്ത് സമയം എവിടെയാണ് ചെലവഴിക്കുന്നതെന്ന് കണ്ടെത്തുന്നു.

ഈ ലേഖനം മൈക്രോ-ബെഞ്ച്മാർക്കിംഗിലേക്ക് ആഴത്തിൽ കടന്നുചെല്ലും.

എന്തുകൊണ്ട് മൈക്രോ-ബെഞ്ച്മാർക്കിംഗ്?

നിർദ്ദിഷ്ട ഫംഗ്ഷനുകളോ അൽഗോരിതങ്ങളോ ഒപ്റ്റിമൈസ് ചെയ്യേണ്ടിവരുമ്പോൾ മൈക്രോ-ബെഞ്ച്മാർക്കിംഗ് പ്രത്യേകിച്ചും ഉപയോഗപ്രദമാണ്. ഇത് നിങ്ങളെ ഇനിപ്പറയുന്നവയ്ക്ക് സഹായിക്കുന്നു:

• പ്രകടനത്തിലെ തടസ്സങ്ങൾ കണ്ടെത്താൻ: ചെറിയ കോഡ് ഭാഗങ്ങളിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്നതിലൂടെ, പ്രകടന പ്രശ്നങ്ങൾക്ക് കാരണമാകുന്ന കോഡിൻ്റെ കൃത്യമായ വരികൾ നിങ്ങൾക്ക് കണ്ടെത്താൻ കഴിയും.
• വിവിധ നിർവ്വഹണ രീതികൾ താരതമ്യം ചെയ്യാൻ: ഒരേ ഫലം നേടുന്നതിനുള്ള വ്യത്യസ്ത വഴികൾ പരീക്ഷിക്കാനും ഏതാണ് ഏറ്റവും കാര്യക്ഷമമെന്ന് നിർണ്ണയിക്കാനും നിങ്ങൾക്ക് കഴിയും. ഉദാഹരണത്തിന്, വ്യത്യസ്ത ലൂപ്പിംഗ് ടെക്നിക്കുകൾ, സ്ട്രിംഗ് കോൺകാറ്റിനേഷൻ രീതികൾ, അല്ലെങ്കിൽ ഡാറ്റാ സ്ട്രക്ച്ചർ നിർവ്വഹണങ്ങൾ എന്നിവ താരതമ്യം ചെയ്യുക.
• ഒപ്റ്റിമൈസേഷനുകളുടെ സ്വാധീനം അളക്കാൻ: നിങ്ങളുടെ കോഡിൽ മാറ്റങ്ങൾ വരുത്തിയ ശേഷം, നിങ്ങളുടെ ഒപ്റ്റിമൈസേഷനുകൾക്ക് ആഗ്രഹിച്ച ഫലം ലഭിച്ചുവെന്ന് ഉറപ്പാക്കാൻ മൈക്രോ-ബെഞ്ച്മാർക്കുകൾ ഉപയോഗിക്കാം.
• ജാവാസ്ക്രിപ്റ്റ് എഞ്ചിൻ്റെ പ്രവർത്തനം മനസ്സിലാക്കാൻ: ക്രോമിലെ V8, ഫയർഫോക്സിലെ സ്പൈഡർമങ്കി, സഫാരിയിലെ ജാവാസ്ക്രിപ്റ്റ്കോർ, നോഡ്.ജെഎസ് തുടങ്ങിയ വ്യത്യസ്ത ജാവാസ്ക്രിപ്റ്റ് എഞ്ചിനുകൾ എങ്ങനെ കോഡ് ഒപ്റ്റിമൈസ് ചെയ്യുന്നു എന്നതിൻ്റെ സൂക്ഷ്മമായ വശങ്ങൾ മൈക്രോ-ബെഞ്ച്മാർക്കുകൾക്ക് വെളിപ്പെടുത്താൻ കഴിയും.

മൈക്രോ-ബെഞ്ച്മാർക്കുകൾ നടപ്പിലാക്കൽ: മികച്ച രീതികൾ

കൃത്യവും വിശ്വസനീയവുമായ മൈക്രോ-ബെഞ്ച്മാർക്കുകൾ സൃഷ്ടിക്കുന്നതിന് ശ്രദ്ധാപൂർവ്വമായ പരിഗണന ആവശ്യമാണ്. പിന്തുടരേണ്ട ചില മികച്ച രീതികൾ ഇതാ:

1. ഒരു ബെഞ്ച്മാർക്കിംഗ് ഉപകരണം തിരഞ്ഞെടുക്കുക

നിരവധി ജാവാസ്ക്രിപ്റ്റ് ബെഞ്ച്മാർക്കിംഗ് ടൂളുകൾ ലഭ്യമാണ്. ചില ജനപ്രിയ ഓപ്ഷനുകളിൽ ഇവ ഉൾപ്പെടുന്നു:

• Benchmark.js: സ്ഥിതിവിവരക്കണക്കനുസരിച്ച് കൃത്യമായ ഫലങ്ങൾ നൽകുന്ന, ശക്തവും വ്യാപകമായി ഉപയോഗിക്കുന്നതുമായ ഒരു ലൈബ്രറിയാണിത്. ഇത് വാം-അപ്പ് ഇറ്ററേഷനുകൾ, സ്റ്റാറ്റിസ്റ്റിക്കൽ വിശകലനം, വേരിയൻസ് കണ്ടെത്തൽ എന്നിവ സ്വയമേവ കൈകാര്യം ചെയ്യുന്നു.
• jsPerf: ജാവാസ്ക്രിപ്റ്റ് പെർഫോമൻസ് ടെസ്റ്റുകൾ സൃഷ്ടിക്കുന്നതിനും പങ്കിടുന്നതിനുമുള്ള ഒരു ഓൺലൈൻ പ്ലാറ്റ്ഫോം. (ശ്രദ്ധിക്കുക: jsPerf ഇപ്പോൾ സജീവമായി പരിപാലിക്കുന്നില്ല, പക്ഷേ ഇപ്പോഴും ഒരു ഉപയോഗപ്രദമായ ഉറവിടമായിരിക്കും).
• `console.time`, `console.timeEnd` ഉപയോഗിച്ചുള്ള മാനുവൽ ടൈമിംഗ്: ഇത് അത്ര സങ്കീർണ്ണമല്ലെങ്കിലും, വേഗത്തിലും ലളിതവുമായ പരിശോധനകൾക്ക് ഈ സമീപനം ഉപയോഗപ്രദമാകും.

കൂടുതൽ സങ്കീർണ്ണവും സ്ഥിതിവിവരക്കണക്കനുസരിച്ച് കർശനവുമായ ബെഞ്ച്മാർക്കുകൾക്ക്, സാധാരണയായി Benchmark.js ശുപാർശ ചെയ്യുന്നു.

2. ബാഹ്യ ഇടപെടലുകൾ കുറയ്ക്കുക

കൃത്യമായ ഫലങ്ങൾ ഉറപ്പാക്കാൻ, നിങ്ങളുടെ കോഡിൻ്റെ പ്രകടനത്തെ സ്വാധീനിക്കാൻ സാധ്യതയുള്ള ഏതെങ്കിലും ബാഹ്യ ഘടകങ്ങളെ കുറയ്ക്കുക. ഇതിൽ ഉൾപ്പെടുന്നവ:

• അനാവശ്യ ബ്രൗസർ ടാബുകളും ആപ്ലിക്കേഷനുകളും അടയ്ക്കുക: ഇവ സിപിയു വിഭവങ്ങൾ ഉപയോഗിക്കുകയും ബെഞ്ച്മാർക്ക് ഫലങ്ങളെ ബാധിക്കുകയും ചെയ്യും.
• ബ്രൗസർ എക്സ്റ്റൻഷനുകൾ പ്രവർത്തനരഹിതമാക്കുക: എക്സ്റ്റൻഷനുകൾക്ക് വെബ് പേജുകളിലേക്ക് കോഡ് ചേർക്കാനും ബെഞ്ച്മാർക്കിൽ ഇടപെടാനും കഴിയും.
• ഒരു സമർപ്പിത മെഷീനിൽ ബെഞ്ച്മാർക്കുകൾ പ്രവർത്തിപ്പിക്കുക: സാധ്യമെങ്കിൽ, മറ്റ് വിഭവം-തീവ്രമായ ജോലികൾ പ്രവർത്തിപ്പിക്കാത്ത ഒരു മെഷീൻ ഉപയോഗിക്കുക.
• സ്ഥിരമായ നെറ്റ്‌വർക്ക് സാഹചര്യങ്ങൾ ഉറപ്പാക്കുക: നിങ്ങളുടെ ബെഞ്ച്മാർക്കിൽ നെറ്റ്‌വർക്ക് അഭ്യർത്ഥനകൾ ഉൾപ്പെടുന്നുവെങ്കിൽ, നെറ്റ്‌വർക്ക് കണക്ഷൻ സ്ഥിരവും വേഗതയേറിയതുമാണെന്ന് ഉറപ്പാക്കുക.

3. വാം-അപ്പ് ഇറ്ററേഷൻസ്

ജാവാസ്ക്രിപ്റ്റ് എഞ്ചിനുകൾ റൺടൈമിൽ കോഡ് ഒപ്റ്റിമൈസ് ചെയ്യാൻ ജസ്റ്റ്-ഇൻ-ടൈം (JIT) കംപൈലേഷൻ ഉപയോഗിക്കുന്നു. ഇതിനർത്ഥം ഒരു ഫംഗ്ഷൻ ആദ്യമായി എക്സിക്യൂട്ട് ചെയ്യുമ്പോൾ, തുടർന്നുള്ള എക്സിക്യൂഷനുകളേക്കാൾ വേഗത കുറവായിരിക്കാം. ഇത് കണക്കിലെടുക്കാൻ, നിങ്ങളുടെ ബെഞ്ച്മാർക്കിൽ വാം-അപ്പ് ഇറ്ററേഷൻസ് ഉൾപ്പെടുത്തേണ്ടത് പ്രധാനമാണ്. യഥാർത്ഥ അളവുകൾ എടുക്കുന്നതിന് മുമ്പ് കോഡ് ഒപ്റ്റിമൈസ് ചെയ്യാൻ ഈ ഇറ്ററേഷനുകൾ എഞ്ചിനെ അനുവദിക്കുന്നു.

Benchmark.js വാം-അപ്പ് ഇറ്ററേഷനുകൾ സ്വയമേവ കൈകാര്യം ചെയ്യുന്നു. മാനുവൽ ടൈമിംഗ് ഉപയോഗിക്കുമ്പോൾ, ടൈമർ ആരംഭിക്കുന്നതിന് മുമ്പ് നിങ്ങളുടെ കോഡ് ഭാഗം പലതവണ പ്രവർത്തിപ്പിക്കുക.

4. സ്റ്റാറ്റിസ്റ്റിക്കൽ പ്രാധാന്യം

ക്രമരഹിതമായ ഘടകങ്ങൾ കാരണം പ്രകടനത്തിൽ വ്യത്യാസങ്ങൾ ഉണ്ടാകാം. നിങ്ങളുടെ ബെഞ്ച്മാർക്ക് ഫലങ്ങൾ സ്ഥിതിവിവരക്കണക്കനുസരിച്ച് പ്രാധാന്യമുള്ളതാണെന്ന് ഉറപ്പാക്കാൻ, ബെഞ്ച്മാർക്ക് ഒന്നിലധികം തവണ പ്രവർത്തിപ്പിച്ച് ശരാശരി എക്സിക്യൂഷൻ സമയവും സ്റ്റാൻഡേർഡ് ഡീവിയേഷനും കണക്കാക്കുക. Benchmark.js ഇത് സ്വയമേവ കൈകാര്യം ചെയ്യുന്നു, നിങ്ങൾക്ക് ശരാശരി, സ്റ്റാൻഡേർഡ് ഡീവിയേഷൻ, മാർജിൻ ഓഫ് എറർ എന്നിവ നൽകുന്നു.

5. കാലമെത്തും മുമ്പുള്ള ഒപ്റ്റിമൈസേഷൻ ഒഴിവാക്കുക

കോഡ് എഴുതുന്നതിന് മുമ്പുതന്നെ അത് ഒപ്റ്റിമൈസ് ചെയ്യാൻ ശ്രമിക്കുന്നത് സ്വാഭാവികമാണ്. എന്നിരുന്നാലും, ഇത് പാഴായ പ്രയത്നത്തിനും പരിപാലിക്കാൻ ബുദ്ധിമുട്ടുള്ള കോഡിനും കാരണമാകും. പകരം, ആദ്യം വ്യക്തവും ശരിയായതുമായ കോഡ് എഴുതുന്നതിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുക, തുടർന്ന് പ്രകടനത്തിലെ തടസ്സങ്ങൾ കണ്ടെത്താനും നിങ്ങളുടെ ഒപ്റ്റിമൈസേഷൻ ശ്രമങ്ങളെ നയിക്കാനും ബെഞ്ച്മാർക്കിംഗ് ഉപയോഗിക്കുക. "കാലമെത്തും മുമ്പുള്ള ഒപ്റ്റിമൈസേഷൻ എല്ലാ തിന്മകളുടെയും മൂലകാരണമാണ്" എന്ന ചൊല്ല് ഓർക്കുക.

6. ഒന്നിലധികം എൻവയോൺമെൻ്റുകളിൽ പരീക്ഷിക്കുക

ജാവാസ്ക്രിപ്റ്റ് എഞ്ചിനുകൾ അവയുടെ ഒപ്റ്റിമൈസേഷൻ തന്ത്രങ്ങളിൽ വ്യത്യാസപ്പെട്ടിരിക്കുന്നു. ഒരു ബ്രൗസറിൽ നന്നായി പ്രവർത്തിക്കുന്ന കോഡ് മറ്റൊന്നിൽ മോശമായി പ്രവർത്തിച്ചേക്കാം. അതിനാൽ, നിങ്ങളുടെ ബെഞ്ച്മാർക്കുകൾ ഒന്നിലധികം എൻവയോൺമെൻ്റുകളിൽ പരീക്ഷിക്കേണ്ടത് അത്യാവശ്യമാണ്, അവയിൽ ഉൾപ്പെടുന്നവ:

• വ്യത്യസ്ത ബ്രൗസറുകൾ: ക്രോം, ഫയർഫോക്സ്, സഫാരി, എഡ്ജ്.
• ഒരേ ബ്രൗസറിൻ്റെ വ്യത്യസ്ത പതിപ്പുകൾ: ബ്രൗസർ പതിപ്പുകൾക്കിടയിൽ പ്രകടനം വ്യത്യാസപ്പെടാം.
• നോഡ്.ജെഎസ്: നിങ്ങളുടെ കോഡ് ഒരു നോഡ്.ജെഎസ് എൻവയോൺമെൻ്റിൽ പ്രവർത്തിക്കുമെങ്കിൽ, അവിടെയും ബെഞ്ച്മാർക്ക് ചെയ്യുക.
• മൊബൈൽ ഉപകരണങ്ങൾ: മൊബൈൽ ഉപകരണങ്ങൾക്ക് ഡെസ്ക്ടോപ്പ് കമ്പ്യൂട്ടറുകളേക്കാൾ വ്യത്യസ്തമായ സിപിയു, മെമ്മറി സവിശേഷതകളുണ്ട്.

7. യഥാർത്ഥ സാഹചര്യങ്ങളിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുക

മൈക്രോ-ബെഞ്ച്മാർക്കുകൾ യഥാർത്ഥ ഉപയോഗ സാഹചര്യങ്ങളെ പ്രതിഫലിപ്പിക്കണം. പ്രായോഗികമായി നിങ്ങളുടെ കോഡ് എങ്ങനെ ഉപയോഗിക്കുമെന്ന് കൃത്യമായി പ്രതിനിധീകരിക്കാത്ത കൃത്രിമ സാഹചര്യങ്ങൾ സൃഷ്ടിക്കുന്നത് ഒഴിവാക്കുക. ഇനിപ്പറയുന്ന ഘടകങ്ങൾ പരിഗണിക്കുക:

• ഡാറ്റയുടെ വലുപ്പം: നിങ്ങളുടെ ആപ്ലിക്കേഷൻ കൈകാര്യം ചെയ്യുന്ന ഡാറ്റയുടെ വലുപ്പത്തെ പ്രതിനിധീകരിക്കുന്ന ഡാറ്റ ഉപയോഗിച്ച് പരീക്ഷിക്കുക.
• ഇൻപുട്ട് പാറ്റേണുകൾ: നിങ്ങളുടെ ബെഞ്ച്മാർക്കുകളിൽ യാഥാർത്ഥ്യബോധമുള്ള ഇൻപുട്ട് പാറ്റേണുകൾ ഉപയോഗിക്കുക.
• കോഡിൻ്റെ സന്ദർഭം: ബെഞ്ച്മാർക്ക് കോഡ് യഥാർത്ഥ എൻവയോൺമെൻ്റിന് സമാനമായ ഒരു സന്ദർഭത്തിൽ എക്സിക്യൂട്ട് ചെയ്യപ്പെടുന്നുവെന്ന് ഉറപ്പാക്കുക.

8. മെമ്മറി ഉപയോഗം കണക്കിലെടുക്കുക

എക്സിക്യൂഷൻ സമയം ഒരു പ്രാഥമിക ആശങ്കയാണെങ്കിലും, മെമ്മറി ഉപയോഗവും പ്രധാനമാണ്. അമിതമായ മെമ്മറി ഉപഭോഗം ഗാർബേജ് കളക്ഷൻ പോസുകൾ പോലുള്ള പ്രകടന പ്രശ്നങ്ങളിലേക്ക് നയിച്ചേക്കാം. നിങ്ങളുടെ കോഡിൻ്റെ മെമ്മറി ഉപയോഗം വിശകലനം ചെയ്യുന്നതിന് ബ്രൗസർ ഡെവലപ്പർ ടൂളുകളോ നോഡ്.ജെഎസ് മെമ്മറി പ്രൊഫൈലിംഗ് ടൂളുകളോ ഉപയോഗിക്കുന്നത് പരിഗണിക്കുക.

9. നിങ്ങളുടെ ബെഞ്ച്മാർക്കുകൾ ഡോക്യുമെൻ്റ് ചെയ്യുക

നിങ്ങളുടെ ബെഞ്ച്മാർക്കുകൾ വ്യക്തമായി ഡോക്യുമെൻ്റ് ചെയ്യുക, അവയിൽ ഉൾപ്പെടെ:

• ബെഞ്ച്മാർക്കിൻ്റെ ഉദ്ദേശ്യം: കോഡ് എന്തുചെയ്യാനാണ് ഉദ്ദേശിക്കുന്നത്?
• രീതിശാസ്ത്രം: ബെഞ്ച്മാർക്ക് എങ്ങനെയാണ് നടത്തിയത്?
• എൻവയോൺമെൻ്റ്: ഏതൊക്കെ ബ്രൗസറുകളും ഓപ്പറേറ്റിംഗ് സിസ്റ്റങ്ങളും ഉപയോഗിച്ചു?
• ഫലങ്ങൾ: ശരാശരി എക്സിക്യൂഷൻ സമയവും സ്റ്റാൻഡേർഡ് ഡീവിയേഷനും എന്തായിരുന്നു?
• ഏതെങ്കിലും അനുമാനങ്ങളോ പരിമിതികളോ: ഫലങ്ങളുടെ കൃത്യതയെ ബാധിച്ചേക്കാവുന്ന ഏതെങ്കിലും ഘടകങ്ങളുണ്ടോ?

ഉദാഹരണം: സ്ട്രിംഗ് കോൺകാറ്റിനേഷൻ ബെഞ്ച്മാർക്കിംഗ്

ജാവാസ്ക്രിപ്റ്റിലെ സ്ട്രിംഗ് കോൺകാറ്റിനേഷൻ്റെ വിവിധ രീതികൾ താരതമ്യം ചെയ്യുന്ന ഒരു പ്രായോഗിക ഉദാഹരണത്തിലൂടെ മൈക്രോ-ബെഞ്ച്മാർക്കിംഗ് വിശദീകരിക്കാം. നമ്മൾ `+` ഓപ്പറേറ്റർ, ടെംപ്ലേറ്റ് ലിറ്ററലുകൾ, `join()` മെത്തേഡ് എന്നിവ ഉപയോഗിക്കുന്നത് താരതമ്യം ചെയ്യും.

Benchmark.js ഉപയോഗിച്ച്:

            
const Benchmark = require('benchmark');

const suite = new Benchmark.Suite;

const n = 1000;
const strings = Array.from({ length: n }, (_, i) => `string-${i}`);

// add tests
suite.add('Plus Operator', function() {
  let result = '';
  for (let i = 0; i < n; i++) {
    result += strings[i];
  }
})
.add('Template Literals', function() {
  let result = ``;
  for (let i = 0; i < n; i++) {
    result = `${result}${strings[i]}`;
  }
})
.add('Array.join()', function() {
  strings.join('');
})
// add listeners
.on('cycle', function(event) {
  console.log(String(event.target));
})
.on('complete', function() {
  console.log('Fastest is ' + this.filter('fastest').map('name'));
})
// run async
.run({ 'async': true });

            

              
                Copy
              
            
          

വിശദീകരണം:

• കോഡ് Benchmark.js ലൈബ്രറി ഇംപോർട്ട് ചെയ്യുന്നു.
• ഒരു പുതിയ Benchmark.Suite സൃഷ്ടിക്കുന്നു.
• കോൺകാറ്റിനേഷൻ ടെസ്റ്റുകൾക്കായി ഒരു സ്ട്രിംഗ് അറേ സൃഷ്ടിക്കുന്നു.
• മൂന്ന് വ്യത്യസ്ത സ്ട്രിംഗ് കോൺകാറ്റിനേഷൻ രീതികൾ സ്യൂട്ടിലേക്ക് ചേർക്കുന്നു. ഓരോ രീതിയും ഒരു ഫംഗ്ഷനിൽ ഉൾപ്പെടുത്തിയിരിക്കുന്നു, ഇത് Benchmark.js പലതവണ എക്സിക്യൂട്ട് ചെയ്യും.
• ഓരോ സൈക്കിളിൻ്റെയും ഫലങ്ങൾ ലോഗ് ചെയ്യാനും ഏറ്റവും വേഗതയേറിയ രീതി കണ്ടെത്താനും ഇവൻ്റ് ലിസണറുകൾ ചേർക്കുന്നു.
• `run()` മെത്തേഡ് ബെഞ്ച്മാർക്ക് ആരംഭിക്കുന്നു.

പ്രതീക്ഷിക്കുന്ന ഔട്ട്പുട്ട് (നിങ്ങളുടെ എൻവയോൺമെൻ്റ് അനുസരിച്ച് വ്യത്യാസപ്പെടാം):

            
Plus Operator x 1,234 ops/sec ±2.03% (82 runs sampled)
Template Literals x 1,012 ops/sec ±1.88% (83 runs sampled)
Array.join() x 12,345 ops/sec ±1.22% (88 runs sampled)
Fastest is Array.join()

            

              
                Copy
              
            
          

ഈ ഔട്ട്പുട്ട് ഓരോ രീതിക്കും സെക്കൻഡിൽ നടക്കുന്ന ഓപ്പറേഷനുകളുടെ എണ്ണം (ops/sec), മാർജിൻ ഓഫ് എറർ എന്നിവ കാണിക്കുന്നു. ഈ ഉദാഹരണത്തിൽ, `Array.join()` മറ്റ് രണ്ട് രീതികളേക്കാൾ വളരെ വേഗതയേറിയതാണ്. ജാവാസ്ക്രിപ്റ്റ് എഞ്ചിനുകൾ അറേ ഓപ്പറേഷനുകൾ ഒപ്റ്റിമൈസ് ചെയ്യുന്ന രീതി കാരണം ഇതൊരു സാധാരണ ഫലമാണ്.

സാധാരണ പിഴവുകളും അവ എങ്ങനെ ഒഴിവാക്കാം എന്നും

മൈക്രോ-ബെഞ്ച്മാർക്കിംഗ് സങ്കീർണ്ണമാകാം, സാധാരണ പിഴവുകളിൽ വീഴാൻ എളുപ്പമാണ്. ശ്രദ്ധിക്കേണ്ട ചില കാര്യങ്ങൾ ഇതാ:

1. JIT കംപൈലേഷൻ കാരണം കൃത്യമല്ലാത്ത ഫലങ്ങൾ

പിഴവ്: JIT കംപൈലേഷൻ കണക്കിലെടുക്കാത്തത് കൃത്യമല്ലാത്ത ഫലങ്ങളിലേക്ക് നയിച്ചേക്കാം, കാരണം നിങ്ങളുടെ കോഡിൻ്റെ ആദ്യത്തെ കുറച്ച് ആവർത്തനങ്ങൾ തുടർന്നുള്ളവയെക്കാൾ വേഗത കുറഞ്ഞതായിരിക്കാം.

പരിഹാരം: അളവുകൾ എടുക്കുന്നതിന് മുമ്പ് എഞ്ചിന് കോഡ് ഒപ്റ്റിമൈസ് ചെയ്യാൻ അനുവദിക്കുന്നതിന് വാം-അപ്പ് ഇറ്ററേഷനുകൾ ഉപയോഗിക്കുക. Benchmark.js ഇത് സ്വയമേവ കൈകാര്യം ചെയ്യുന്നു.

2. ഗാർബേജ് കളക്ഷൻ അവഗണിക്കുന്നത്

പിഴവ്: ഇടയ്ക്കിടെയുള്ള ഗാർബേജ് കളക്ഷൻ സൈക്കിളുകൾ പ്രകടനത്തെ സാരമായി ബാധിക്കും. നിങ്ങളുടെ ബെഞ്ച്മാർക്ക് ധാരാളം താൽക്കാലിക ഒബ്ജക്റ്റുകൾ സൃഷ്ടിക്കുന്നുവെങ്കിൽ, അത് അളവെടുപ്പ് കാലയളവിൽ ഗാർബേജ് കളക്ഷൻ പ്രവർത്തനക്ഷമമാക്കിയേക്കാം.

പരിഹാരം: നിങ്ങളുടെ ബെഞ്ച്മാർക്കിൽ താൽക്കാലിക ഒബ്ജക്റ്റുകൾ സൃഷ്ടിക്കുന്നത് കുറയ്ക്കാൻ ശ്രമിക്കുക. ഗാർബേജ് കളക്ഷൻ പ്രവർത്തനം നിരീക്ഷിക്കാൻ നിങ്ങൾക്ക് ബ്രൗസർ ഡെവലപ്പർ ടൂളുകളോ നോഡ്.ജെഎസ് മെമ്മറി പ്രൊഫൈലിംഗ് ടൂളുകളോ ഉപയോഗിക്കാം.

3. സ്റ്റാറ്റിസ്റ്റിക്കൽ പ്രാധാന്യം അവഗണിക്കുന്നത്

പിഴവ്: ബെഞ്ച്മാർക്കിൻ്റെ ഒരൊറ്റ റണ്ണിനെ ആശ്രയിക്കുന്നത് തെറ്റിദ്ധാരണാജനകമായ ഫലങ്ങളിലേക്ക് നയിച്ചേക്കാം, കാരണം ക്രമരഹിതമായ ഘടകങ്ങൾ കാരണം പ്രകടനത്തിൽ വ്യത്യാസങ്ങൾ ഉണ്ടാകാം.

പരിഹാരം: ബെഞ്ച്മാർക്ക് ഒന്നിലധികം തവണ പ്രവർത്തിപ്പിച്ച് ശരാശരി എക്സിക്യൂഷൻ സമയവും സ്റ്റാൻഡേർഡ് ഡീവിയേഷനും കണക്കാക്കുക. Benchmark.js ഇത് സ്വയമേവ കൈകാര്യം ചെയ്യുന്നു.

4. യാഥാർത്ഥ്യമല്ലാത്ത സാഹചര്യങ്ങൾ ബെഞ്ച്മാർക്ക് ചെയ്യുന്നത്

പിഴവ്: യഥാർത്ഥ ഉപയോഗ സാഹചര്യങ്ങളെ കൃത്യമായി പ്രതിനിധീകരിക്കാത്ത കൃത്രിമ സാഹചര്യങ്ങൾ സൃഷ്ടിക്കുന്നത് പ്രായോഗികമായി പ്രയോജനകരമല്ലാത്ത ഒപ്റ്റിമൈസേഷനുകളിലേക്ക് നയിച്ചേക്കാം.

പരിഹാരം: നിങ്ങളുടെ ആപ്ലിക്കേഷൻ പ്രായോഗികമായി എങ്ങനെ ഉപയോഗിക്കുമെന്ന് പ്രതിനിധീകരിക്കുന്ന കോഡ് ബെഞ്ച്മാർക്ക് ചെയ്യുന്നതിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുക. ഡാറ്റയുടെ വലുപ്പം, ഇൻപുട്ട് പാറ്റേണുകൾ, കോഡിൻ്റെ സന്ദർഭം തുടങ്ങിയ ഘടകങ്ങൾ പരിഗണിക്കുക.

5. മൈക്രോ-ബെഞ്ച്മാർക്കുകൾക്ക് വേണ്ടി അമിതമായി ഒപ്റ്റിമൈസ് ചെയ്യുന്നത്

പിഴവ്: മൈക്രോ-ബെഞ്ച്മാർക്കുകൾക്ക് വേണ്ടി കോഡ് ഒപ്റ്റിമൈസ് ചെയ്യുന്നത് വായിക്കാൻ ബുദ്ധിമുട്ടുള്ളതും പരിപാലിക്കാൻ പ്രയാസമുള്ളതും യഥാർത്ഥ സാഹചര്യങ്ങളിൽ നന്നായി പ്രവർത്തിക്കാത്തതുമായ കോഡിലേക്ക് നയിച്ചേക്കാം.

പരിഹാരം: ആദ്യം വ്യക്തവും ശരിയായതുമായ കോഡ് എഴുതുന്നതിൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുക, തുടർന്ന് പ്രകടനത്തിലെ തടസ്സങ്ങൾ കണ്ടെത്താനും നിങ്ങളുടെ ഒപ്റ്റിമൈസേഷൻ ശ്രമങ്ങളെ നയിക്കാനും ബെഞ്ച്മാർക്കിംഗ് ഉപയോഗിക്കുക. ചെറിയ പ്രകടന നേട്ടങ്ങൾക്കായി വായനാക്ഷമതയും പരിപാലനക്ഷമതയും ബലികഴിക്കരുത്.

6. ഒന്നിലധികം എൻവയോൺമെൻ്റുകളിൽ പരീക്ഷിക്കാതിരിക്കുന്നത്

പിഴവ്: ഒരു എൻവയോൺമെൻ്റിൽ നന്നായി പ്രവർത്തിക്കുന്ന കോഡ് എല്ലാ എൻവയോൺമെൻ്റുകളിലും നന്നായി പ്രവർത്തിക്കുമെന്ന് അനുമാനിക്കുന്നത് വലിയൊരു തെറ്റായിരിക്കും.

പരിഹാരം: വ്യത്യസ്ത ബ്രൗസറുകൾ, ബ്രൗസർ പതിപ്പുകൾ, നോഡ്.ജെഎസ്, മൊബൈൽ ഉപകരണങ്ങൾ എന്നിവയുൾപ്പെടെ ഒന്നിലധികം എൻവയോൺമെൻ്റുകളിൽ നിങ്ങളുടെ ബെഞ്ച്മാർക്കുകൾ പരീക്ഷിക്കുക.

പെർഫോമൻസ് ഒപ്റ്റിമൈസേഷനുള്ള ആഗോള പരിഗണനകൾ

ഒരു ആഗോള പ്രേക്ഷകർക്കായി ആപ്ലിക്കേഷനുകൾ വികസിപ്പിക്കുമ്പോൾ, പ്രകടനത്തെ ബാധിക്കുന്ന ഇനിപ്പറയുന്ന ഘടകങ്ങൾ പരിഗണിക്കുക:

• നെറ്റ്‌വർക്ക് ലേറ്റൻസി: ലോകത്തിൻ്റെ വിവിധ ഭാഗങ്ങളിലുള്ള ഉപയോക്താക്കൾക്ക് വ്യത്യസ്ത നെറ്റ്‌വർക്ക് ലേറ്റൻസി അനുഭവപ്പെട്ടേക്കാം. നെറ്റ്‌വർക്ക് അഭ്യർത്ഥനകളുടെ എണ്ണവും കൈമാറ്റം ചെയ്യപ്പെടുന്ന ഡാറ്റയുടെ വലുപ്പവും കുറയ്ക്കുന്നതിന് നിങ്ങളുടെ കോഡ് ഒപ്റ്റിമൈസ് ചെയ്യുക. നിങ്ങളുടെ ഉപയോക്താക്കൾക്ക് അടുത്തുള്ള സ്റ്റാറ്റിക് അസറ്റുകൾ കാഷെ ചെയ്യുന്നതിന് ഒരു കണ്ടൻ്റ് ഡെലിവറി നെറ്റ്‌വർക്ക് (CDN) ഉപയോഗിക്കുന്നത് പരിഗണിക്കുക.
• ഉപകരണങ്ങളുടെ കഴിവുകൾ: ഉപയോക്താക്കൾ വ്യത്യസ്ത സിപിയു, മെമ്മറി കഴിവുകളുള്ള ഉപകരണങ്ങളിൽ നിങ്ങളുടെ ആപ്ലിക്കേഷൻ ഉപയോഗിച്ചേക്കാം. താഴ്ന്ന നിലവാരത്തിലുള്ള ഉപകരണങ്ങളിൽ കാര്യക്ഷമമായി പ്രവർത്തിക്കാൻ നിങ്ങളുടെ കോഡ് ഒപ്റ്റിമൈസ് ചെയ്യുക. വ്യത്യസ്ത സ്ക്രീൻ വലുപ്പങ്ങൾക്കും റെസല്യൂഷനുകൾക്കും നിങ്ങളുടെ ആപ്ലിക്കേഷൻ അനുയോജ്യമാക്കാൻ റെസ്പോൺസീവ് ഡിസൈൻ ടെക്നിക്കുകൾ ഉപയോഗിക്കുന്നത് പരിഗണിക്കുക.
• ക്യാരക്ടർ സെറ്റുകളും പ്രാദേശികവൽക്കരണവും: വ്യത്യസ്ത ക്യാരക്ടർ സെറ്റുകൾ പ്രോസസ്സ് ചെയ്യുന്നതും നിങ്ങളുടെ ആപ്ലിക്കേഷൻ പ്രാദേശികവൽക്കരിക്കുന്നതും പ്രകടനത്തെ ബാധിക്കും. കാര്യക്ഷമമായ സ്ട്രിംഗ് പ്രോസസ്സിംഗ് അൽഗോരിതങ്ങൾ ഉപയോഗിക്കുക, വിവർത്തനങ്ങളും ഫോർമാറ്റിംഗും കൈകാര്യം ചെയ്യാൻ ഒരു പ്രാദേശികവൽക്കരണ ലൈബ്രറി ഉപയോഗിക്കുന്നത് പരിഗണിക്കുക.
• ഡാറ്റ സംഭരണവും വീണ്ടെടുക്കലും: നിങ്ങളുടെ ആപ്ലിക്കേഷൻ്റെ ഡാറ്റാ ആക്സസ് പാറ്റേണുകൾക്ക് ഒപ്റ്റിമൈസ് ചെയ്ത ഡാറ്റാ സംഭരണ, വീണ്ടെടുക്കൽ തന്ത്രങ്ങൾ തിരഞ്ഞെടുക്കുക. ഡാറ്റാബേസ് ക്വറികളുടെ എണ്ണം കുറയ്ക്കുന്നതിന് കാഷിംഗ് ഉപയോഗിക്കുന്നത് പരിഗണിക്കുക.

ഉപസംഹാരം

ജാവാസ്ക്രിപ്റ്റ് പെർഫോമൻസ് ബെഞ്ച്മാർക്കിംഗ്, പ്രത്യേകിച്ച് മൈക്രോ-ബെഞ്ച്മാർക്കിംഗ്, നിങ്ങളുടെ കോഡ് ഒപ്റ്റിമൈസ് ചെയ്യുന്നതിനും മികച്ച ഉപയോക്തൃ അനുഭവം നൽകുന്നതിനും വിലയേറിയ ഒരു ഉപകരണമാണ്. ഈ ഗൈഡിൽ പ്രതിപാദിച്ചിട്ടുള്ള മികച്ച രീതികൾ പിന്തുടരുന്നതിലൂടെ, പ്രകടനത്തിലെ തടസ്സങ്ങൾ കണ്ടെത്താനും വിവിധ നിർവ്വഹണ രീതികൾ താരതമ്യം ചെയ്യാനും നിങ്ങളുടെ ഒപ്റ്റിമൈസേഷനുകളുടെ സ്വാധീനം അളക്കാനും സഹായിക്കുന്ന കൃത്യവും വിശ്വസനീയവുമായ ബെഞ്ച്മാർക്കുകൾ നിങ്ങൾക്ക് സൃഷ്ടിക്കാൻ കഴിയും. ഒന്നിലധികം എൻവയോൺമെൻ്റുകളിൽ പരീക്ഷിക്കാനും പ്രകടനത്തെ ബാധിക്കുന്ന ആഗോള ഘടകങ്ങൾ പരിഗണിക്കാനും ഓർമ്മിക്കുക. ബെഞ്ച്മാർക്കിംഗിനെ ഒരു ആവർത്തന പ്രക്രിയയായി സ്വീകരിക്കുക, ലോകമെമ്പാടുമുള്ള ഉപയോക്താക്കൾക്ക് സുഗമവും പ്രതികരണശേഷിയുള്ളതുമായ അനുഭവം ഉറപ്പാക്കുന്നതിന് നിങ്ങളുടെ കോഡിൻ്റെ പ്രകടനം തുടർച്ചയായി നിരീക്ഷിക്കുകയും മെച്ചപ്പെടുത്തുകയും ചെയ്യുക. പ്രകടനത്തിന് മുൻഗണന നൽകുന്നതിലൂടെ, പ്രവർത്തനക്ഷമം മാത്രമല്ല, ഉപയോഗിക്കാൻ ആസ്വാദ്യകരവുമായ വെബ് ആപ്ലിക്കേഷനുകൾ നിങ്ങൾക്ക് സൃഷ്ടിക്കാൻ കഴിയും, ഇത് ഒരു നല്ല ഉപയോക്തൃ അനുഭവത്തിന് കാരണമാവുകയും ആത്യന്തികമായി നിങ്ങളുടെ ബിസിനസ്സ് ലക്ഷ്യങ്ങൾ കൈവരിക്കുകയും ചെയ്യും.